<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>茶商后台管理</title>
  <link rel="stylesheet" href="layui-v2.4.3/layui/css/layui.css"  media="all">
</head>
<script src="layui-v2.4.3/layui/layui.js"></script>
<script type="text/javascript">
function check(){
  if(confirm("确认删除吗？")){
    alert("删除成功！！");
     location.href="back_index.jsp"
    //跳转到servlet页面进行数据的更新
  }else{
    alert("删除失败！！");
    out.print("error.html");
  }
}
</script>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo">醉品茶城</div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
     <li class="layui-nav-item"><a href="ShowUser.jsp">用户信息</a></li>
      <li class="layui-nav-item"><a href="ShowGoods.jsp">商品信息</a></li>
      <li class="layui-nav-item"><a href="ShowOrder.jsp">订单信息</a></li>
      <li class="layui-nav-item">
        <a href="javascript:;">其它系统</a>
        <dl class="layui-nav-child">
          <dd><a href="">邮件管理</a></dd>
          <dd><a href="">消息管理</a></dd>
          <dd><a href="">授权管理</a></dd>
        </dl>
      </li>
    </ul>

    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item">
        <a href="javascript:;">
          <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
          用户名
        </a>
      </li>
      <li class="layui-nav-item"><a href="">退出</a></li>
    </ul>
  </div>
  
  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree"  lay-filter="test">
        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">用户管理</a>
          <dl class="layui-nav-child">
            <dd><a href="userUpdate.jsp">用户修改</a></dd>
            <dd><a href="userDel.jsp">用户删除</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">订单管理</a>
          <dl class="layui-nav-child">
           <dd><a href="OrderUpdate.jsp">订单修改</a></dd>
            <dd><a href="OrderDel.jsp">订单删除</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
        <a href="javascript:;">商品管理</a>
          <dl class="layui-nav-child">
            <dd><a href="GoodsInsert.jsp">商品增加</a></dd>
            <dd><a href="GoodsUpdate.jsp">商品更新</a></dd>
            <dd><a href="GoodsDel.jsp">商品删除</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">新闻管理</a>
          <dl class="layui-nav-child">
            <dd><a href="NewsInsert.jsp">新闻增加</a></dd>
            <dd><a href="NewsUpdateAndDelete.jsp">新闻操作</a></dd>            
          </dl>
        </li>
        <li class="layui-nav-item"><a href="">发布商品</a></li>
      </ul>
    </div>
  </div>
  <div class="layui-body">
    <!-- 内容主体区域 -->
    <div style="padding: 15px;">
      <table lay-filter="parse-table-demo">
        <thead>
          <tr>
            <th lay-data="{field:'username', width:200}">昵称</th>
            <th lay-data="{field:'joinTime', width:150}">加入时间</th>
            <th lay-data="{field:'sign', minWidth: 180}">签名</th>
            <th lay-data="{field:'take', minWidth: 180}">操作</th>
          </tr> 
        </thead>
        <tbody>
          <tr>
            <td>贤心1</td>
            <td>2016-11-28</td>
            <td>人生就像是一场修行 A</td>
            <td><button class="layui-btn layui-btn-sm layui-btn-normal" onclick="javascript:check();"><i class="layui-icon"></i> 删除</button></td>
          </tr>
        </tbody>
      </table>
       <div id="demo7"></div>
    </div>
  </div>
    <!-- 底部区域 -->
  <div class="layui-footer" style="text-align:center">
    © chachegn.com - 醉品商城
  </div>
</div>

<script>
//JavaScript代码区域：左侧的下拉列表
layui.use('element', function(){
  var element = layui.element;
});
layui.use('table', function(){
  var table = layui.table;
  table.init('parse-table-demo')
  $('.demoTable .layui-btn').on('click', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
  });
});
layui.use(['laypage', 'layer'], function(){
  var laypage = layui.laypage
  ,layer = layui.layer;
  laypage.render({
    elem: 'demo7'
    ,count: 100
    ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
    ,jump: function(obj){
      console.log(obj)
    }
  });
 });
</script>
</body>
</html>